<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="yes" name="apple-touch-fullscreen" />
	<meta content="telephone=no,email=no" name="format-detection" />
	<meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
	<title>萌宝购物</title>
	<link rel="stylesheet" href="css/cart.css" />
	<link rel="stylesheet" href="font/iconfont.css">
	<script src="js/rem.js"></script>
</head>

<body>
	<header>
		<a href="javascript:history.back(-1)" class="fl"><i class="iconfont icon-back"></i></a>
		<p>购物车</p>
		<span class="fr">编辑</span>
	</header>
	<div class="no">暂无数据，快去逛逛吧！</div>
	<div class="con">
		<div class="content">
			<div class="list">
				<div class="fl">
					<label>
						<input type="checkbox" checked="checked" />
						<img src="img/checkbox_on.png" />
					</label>
				</div>
				<p>洋酒</p>
			</div>
			<ul>
				<li class="clearfix">
					<div class="label fl">
						<label>
							<input type="checkbox" checked="checked" />
							<img src="img/checkbox_on.png" />
						</label>
					</div>
					<div class="img fl">
						<img src="img/a3.png" />
					</div>
					<div class="text fl">
						<p class="overflow">白酒法国酒庄红酒AOC 德国原装进口限量销售</p>
						<p class="clearfix">
							<span class="fl red">￥119</span>
							<span class="fr f0">
								<input type="button" value="-" class="btn1" />
								<span class="number">1</span>
								<input type="button" value="+" class="btn2" />
							</span>
						</p>
					</div>
				</li>
				<li class="clearfix">
					<div class="label fl">
						<label>
							<input type="checkbox" checked="checked" />
							<img src="img/checkbox_on.png" />
						</label>
					</div>
					<div class="img fl">
						<img src="img/a3.png" />
					</div>
					<div class="text fl">
						<p class="overflow">白酒法国酒庄红酒AOC 德国原装进口限量销售</p>
						<p class="clearfix">
							<span class="fl red">￥140</span>
							<span class="fr f0">
								<input type="button" value="-" class="btn1" />
								<span class="number">3</span>
								<input type="button" value="+" class="btn2" />
							</span>
						</p>
					</div>
				</li>
				<li class="clearfix">
					<div class="label fl">
						<label>
							<input type="checkbox" checked="checked" />
							<img src="img/checkbox_on.png" />
						</label>
					</div>
					<div class="img fl">
						<img src="img/a3.png" />
					</div>
					<div class="text fl">
						<p class="overflow">白酒法国酒庄红酒AOC 德国原装进口限量销售</p>
						<p class="clearfix">
							<span class="fl red">￥130</span>
							<span class="fr f0">
								<input type="button" value="-" class="btn1" />
								<span class="number">5</span>
								<input type="button" value="+" class="btn2" />
							</span>
						</p>
					</div>
				</li>
			</ul>
			<p class="total">一共<number></number>件商品：<span></span></p>
		</div>
		<div class="content">
			<div class="list">
				<div class="fl">
					<label>
						<input type="checkbox" checked="checked" />
						<img src="img/checkbox_on.png" />
					</label>
				</div>
				<p>红酒</p>
			</div>
			<ul ind="1">
				<li class="clearfix">
					<div class="label fl">
						<label>
							<input type="checkbox" checked="checked" />
							<img src="img/checkbox_on.png" />
						</label>
					</div>
					<div class="img fl">
						<img src="img/a3.png" />
					</div>
					<div class="text fl">
						<p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
						<p class="clearfix">
							<span class="fl red">￥119</span>
							<span class="fr f0">
								<input type="button" value="-" class="btn1" />
								<span class="number">1</span>
								<input type="button" value="+" class="btn2" />
							</span>
						</p>
					</div>
				</li>
				<li class="clearfix">
					<div class="label fl">
						<label>
							<input type="checkbox" checked="checked" />
							<img src="img/checkbox_on.png" />
						</label>
					</div>
					<div class="img fl">
						<img src="img/a3.png" />
					</div>
					<div class="text fl">
						<p class="overflow">通过不透明度的变化通过不透明度的变化通过不透明度的变化</p>
						<p class="clearfix">
							<span class="fl red">￥120</span>
							<span class="fr f0">
								<input type="button" value="-" class="btn1" />
								<span class="number">3</span>
								<input type="button" value="+" class="btn2" />
							</span>
						</p>
					</div>
				</li>
				<li class="clearfix">
					<div class="label fl">
						<label>
							<input type="checkbox" checked="checked" />
							<img src="img/checkbox_on.png" />
						</label>
					</div>
					<div class="img fl">
						<img src="img/a3.png" />
					</div>
					<div class="text fl">
						<p class="overflow">白酒法国酒庄红酒AOC 德国原装进口限量销售</p>
						<p class="clearfix">
							<span class="fl red">￥130</span>
							<span class="fr f0">
								<input type="button" value="-" class="btn1" />
								<span class="number">7</span>
								<input type="button" value="+" class="btn2" />
							</span>
						</p>
					</div>
				</li>
			</ul>
			<p class="total">一共<number></number>件商品：<span></span></p>
		</div>
	</div>
	<div class="bottom fixed">
		<div class="fl bottom-label">
			<label>
				<input type="checkbox" checked="checked" />
				<img src="img/checkbox_on.png" class="fl" />
				全选
			</label>
		</div>
		<div class="fr">
			需要支付：￥<span></span>
			<button class="sett">结算</button>
		</div>
	</div>
	<div class="bottom fixed" style="display: none;">
		<div class="fr">
			<button class="delete">删除</button>
		</div>
	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/cart.js"></script>

</body>

</html>